$base_width: 2304;
$base_fontSize: 230;

$base_label_color: #a2dbe7;


@function rem($px){
  @return $px / $base_fontSize * 1rem;
}

@mixin transition($attr: all, $timer: 3s, $liner: ease) {
  transition: $attr $timer $liner;
}

@mixin textGradient($gradient: linear-gradient(180deg, rgba(12, 20, 51, 0.3) -33.13%, rgba(35, 176, 255, 0.3) 124.1%)) {
  background-image: $gradient;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@mixin size($width: auto, $height: auto) {
  width: $width;
  height: $height;
}

@mixin square($size: auto) {
  width: $size;
  height: $size;
}

@mixin circle($size: auto) {
  width: $size;
  height: $size;
  border-radius: 50%;
}

@mixin fontSie($size: 20) {
  font-size: rem($size);
  line-height: rem($size);
}

%abs-full{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
